import useTheme from '@/hooks/useTheme'
import Button from '@mui/material/Button'
import { createTheme, ThemeProvider } from '@mui/material/styles'
import React from 'react'
import './index.scss'

export default function HomePage () {
  const { muiTheme, changeTheme } = useTheme()

  return <ThemeProvider theme={muiTheme ?? createTheme({})}>
    <div className='page'>
      <div style={{ height: '30px' }}>

      </div>
      <main>This app is using the dark mode</main>
    </div>
  </ThemeProvider>
}


